<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="//cdn.bootcss.com/zui/1.5.0/css/zui.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <button class="btn btn-info " type="button" id="inOutBtn" data-state="true">展开</button>
        </div>
        <div class="col-md-2"></div>
    </div>
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="panel panel-primary" id="myPanel" style="display: none;">
                <div class="panel-heading">.panel-danger</div>
                <div class="panel-body">
                    <h3><a class="anchor" id="v2-0-2_34" href="#v2-0-2_34"></a>v2.0.2</h3>
                    <ol class="task-list">
                        <li> 优化自定义语法扩展，减少体积</li>
                        <li> [重要]为了最大化兼容第三方库，自定义语法扩展默认界定符修改为<code>{{</code>与<code>}}</code>。</li>
                        <li> 修复合并工具的BUG <a href="https://github.com/aui/artTemplate/issues/25" class="md_relative_url"
                                           target="_blank">#25</a></li>
                        <li> 公开了内部缓存，可以通过<code>template.cache</code>访问到编译后的函数</li>
                        <li> 公开了辅助方法缓存，可以通过<code>template.helpers</code>访问到</li>
                        <li> 优化了调试信息</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js"></script>
<script>
    $(function () {
        $("#inOutBtn").on("click", function () {
            var flag = $("#myPanel").is(":hidden");
            if (flag == true) {
                $("#inOutBtn").html("<span style='color:red'>>关闭<</span>");

            } else {
                $("#inOutBtn").html("展开>>>");
            }
            $("#myPanel").slideToggle();
        })
    })
</script>
</body>
</html>